<!DOCTYPE html>
<html>
	<head>
	  <meta charset="utf-8">
	  <title>筛选页</title>
	  <link rel="stylesheet" type="text/css" href="style/模板.css">
	  <link rel="stylesheet" type="text/css" href="style/main.css">
	</head>
	<body>
		<div class="headerbar">
			<div class="topbar">
				<div class="comwidth">
					<div class="leftarea">  
						<a href="#" class="collection">收藏慕课 </a>
					</div>
					<div class="rightarea">
						<p>欢迎来到慕课网！<a href="">[登录]</a><a href="">[免费登录]</a></p>
					</div>
				</div>
			</div>	
			<div class="logobar">
				<div class="comwidth">
					<div class="logo fl">
						<a href="#"><img src="images/logo.jpg" alt="慕课网"></a>
					</div>
					<div class="search_box fl">
						<input type="text" class="search_text fl">
						<input type="button" value="搜 索" class="search_btn fl">
					</div>
					<div class="shopcar fr">
						<span class="shoptext fl">购物车</span>
						<span class="shopnum fl">0</span>
					</div>
				</div>
			</div>
			<div class="navbox">
				<div class="comwidth">
					<div class="shopclass fl">
						<h3>全部商品分类<i></i></h3>
						<!-- -->
						<div class="sc_show hide">
							<dl class="sc_items">
								<dt>
									<a href="#" class="b">手机</a> 
									<a href="#" class="b">数码</a>
									<a href="#" class="alink">合约机</a>
								</dt>
								<dd>
									<a href="#" class>荣耀3X</a>
									<a href="#">单反</a>
									<a href="#">智能设备</a>
								</dd>
							</dl>
							<dl class="sc_items sc_active">
								<dt>
									<a href="#" class="b">手机</a> 
									<a href="#" class="b">数码</a>
									<a href="#" class="alink">合约机</a>
								</dt>
								<dd>
									<a href="#" class>荣耀3X</a>
									<a href="#">单反</a>
									<a href="#">智能设备</a>
								</dd>
							</dl>
							<dl class="sc_items">
								<dt>
									<a href="#" class="b">手机</a> 
									<a href="#" class="b">数码</a>
									<a href="#" class="alink">合约机</a>
								</dt>
								<dd>
									<a href="#" class>荣耀3X</a>
									<a href="#">单反</a>
									<a href="#">智能设备</a>
								</dd>
							</dl>
							<dl class="sc_items">
								<dt>
									<a href="#" class="b">手机</a> 
									<a href="#" class="b">数码</a>
									<a href="#" class="alink">合约机</a>
								</dt>
								<dd>
									<a href="#" class>荣耀3X</a>
									<a href="#">单反</a>
									<a href="#">智能设备</a>
								</dd>
							</dl>
							<dl class="sc_items">
								<dt>
									<a href="#" class="b">手机</a> 
									<a href="#" class="b">数码</a>
									<a href="#" class="alink">合约机</a>
								</dt>
								<dd>
									<a href="#" class>荣耀3X</a>
									<a href="#">单反</a>
									<a href="#">智能设备</a>
								</dd>
							</dl>
						</div>
						<div class="sc_list hide">
							<div class="sc_cont">
								<dl class="shoplist_items">
									<dt>电脑装机</dt>
									<dd>
									<a href="#">笔记本</a>
									<a href="#">超极本</a>
									<a href="#">上网本</a>
									<a href="#">平板电脑</a>
									<a href="#">台式机</a>
									</dd>
								</dl>
								<dl class="shoplist_items">
									<dt>组装配件</dt>
									<dd>
									<a href="#">笔记本</a>
									<a href="#">超极本</a>
									<a href="#">上网本</a>
									<a href="#">平板电脑</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>

									</dd>
								</dl>
								<dl class="shoplist_items">
									<dt>电脑装机</dt>
									<dd>
									<a href="#">笔记本</a>
									<a href="#">超极本</a>
									<a href="#">上网本</a>
									<a href="#">平板电脑</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									</dd>
								</dl>
								<dl class="shoplist_items">
									<dt>电脑装机</dt>
									<dd>
									<a href="#">笔记本</a>
									<a href="#">超极本</a>
									<a href="#">上网本</a>
									<a href="#">平板电脑</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									</dd>
								</dl>
								<dl class="shoplist_items">
									<dt>电脑装机</dt>
									<dd>
									<a href="#">笔记本</a>
									<a href="#">超极本</a>
									<a href="#">上网本</a>
									<a href="#">平板电脑</a>
									<a href="#">台式机</a>
									</dd>
								</dl>
								<dl class="shoplist_items">
									<dt>电脑装机</dt>
									<dd>
									<a href="#">笔记本</a>
									<a href="#">超极本</a>
									<a href="#">上网本</a>
									<a href="#">平板电脑</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									<a href="#">台式机</a>
									</dd>
								</dl>
								<div class="shoplist_links">
									<a href="#">电脑整机频道<span></span></a>
									<a href="#">硬件/外设频道<span></span></a>
	
								</div>
							</div>
						</div>
					</div>
						
					<ul class="nav">
						<li><a href="#" class="active">数码城</a></li>
						<li><a href="#">天黑黑</a></li>
						<li><a href="#">团购</a></li>
						<li><a href="#">发现</a></li>
						<li><a href="#">二手特卖</a></li>
						<li><a href="#">名品会</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="hr_13"></div>	
		<div class="products comwidth clearfix">
			<div class="leftarea">
				<div class="leftnav  vertical">
   					<h3 class="nav_title">手机、相机、数码</h3>
					<div class="nav_cont">
						<h3>手机通讯</h3>
						<ul class="navcont_list  clearfix">
							<li><a href="#">手机</a></li>
							<li><a href="#">对讲机</a></li>
							
						</ul>
					</div>
					<div class=nav_cont>
						<h3>运营商</h3>
						<ul class="navcont_list clearfix">
							<li><a href="#">购机送费</a></li>
							<li><a href="#">“0”元购机</a></li>
							<li><a href="#">选号入网</a></li>
					
						</ul>
					</div>
					<div class=nav_cont>
						<h3>手机配件</h3>
						<ul class="navcont_list clearfix">
							<li><a href="#">全部</a></li>
							<li><a href="#">佳能</a></li>
							<li><a href="#">尼康</a></li>
							<li><a href="#">宾得</a></li>
							<li><a href="#">哈苏</a></li>	
							<li><a href="#">尼康</a></li>
							<li><a href="#">宾得</a></li>
							<li><a href="#">哈苏</a></li>	

						</ul>
					</div>
					
				</div>
			</div>
			<div class="rightarea">
				<div class="screen_box">
					<dl class="screen clearfix">
						<dt>手机</dt>
						<dd class="limit"><a href="" class="active">不限</a></dd>
						<dd class="screen_list">
							<ul class="clearfix">
								<li><a href="">sumsung/三星</a></li>
								<li><a href="">apple/苹果</a></li>
								<li><a href="">huawei/华为</a></li>
								<li><a href="">apple/苹果</a></li>
								<li><a href="" >apple/苹果</a></li>	
							</ul>
						</dd>
						<dd class="more_zuo"><a href="">更多</a></dd>			
					</dl>
					<dl class="screen clearfix">
						<dt>手机</dt>
						<dd class="limit"><a href="" class="active">不限</a></dd>
						<dd class="screen_list">
							<ul class="clearfix">
								<li><a href="">sumsung/三星</a></li>
								<li><a href="">apple/苹果</a></li>
								<li><a href="">huawei/华为</a></li>
								<li><a href="">huawei/华为</a></li>
								<li><a href="" >更多&gt&gt</a></li>
								<li><a href="">apple/苹果</a></li>
								
							</ul>
						
						</dd>
						<dd class="more_zuo"><a href="">更多</a></dd>			
					</dl>
					<dl class="screen clearfix">
						<dt>手机</dt>
						<dd class="limit"><a href="" class="active">不限</a></dd>
						<dd class="screen_list">
							<ul class="clearfix">
								<li><a href="">sumsung/三星</a></li>
								<li><a href="">apple/苹果</a></li>
								<li><a href="">huawei/华为</a></li>
								<li><a href="">apple/苹果</a></li>
								<li><a href="" >更多&gt&gt</a></li>
								<li><a href="">apple/苹果</a></li>
								
							</ul>
						
						</dd>
						<dd class="more_zuo"><a href="">更多</a></dd>			
					</dl>
					<dl class="screen clearfix">
						<dt>手机</dt>
						<dd class="limit"><a href="" class="active">不限</a></dd>
						<dd class="screen_list">
							<ul class="clearfix">
								<li><a href="">sumsung/三星</a></li>
								<li><a href="">apple/苹果</a></li>
								<li><a href="">huawei/华为</a></li>
								<li><a href="">apple/苹果</a></li>
								<li><a href="" >更多&gt&gt</a></li>
								<li><a href="">apple/苹果</a></li>
								<li><a href="">sumsung/三星</a></li>
								<li><a href="">apple/苹果</a></li>
								<li><a href="">huawei/华为</a></li>
								<li><a href="">apple/苹果</a></li>
								<li><a href="">huawei/华为</a></li>
								<li><a href="">apple/苹果</a></li>
							</ul>
						
						</dd>
						<dd class="more_zuo"><a href="">更多</a></dd>			
					</dl>
					<dl class="screen clearfix">
						<dt>更多选项</dt>
						<dd class="screen_list">
							<div class="screen_more">
								<a href="">apple/苹果apple/苹果apple/苹果apple/苹果</a>
							</div>
							<div class="screen_more">
								<a href="">apple/苹果</a>
							</div>			
					</dl>

				</div>
        		<div class="hr_15"></div>
        		<div class="songhuo">
        			<div class="songhuo_zuo">
						<span>送至</span>
						<div class="select">
							<form action="">
								<select name="dizhi" id="">
									<option value="1" selected="selected">海定区五环内</option>
									<option value="2">海</option>
									<option value="3">海定</option>
									<option value="4">五环内</option>
									<option value="5">海环内</option>



								</select>



							</form>
							
							
						</div>
					</div>
					<div class="fr songhuo_you">
						<span class="check">
							<input type="checkbox" id="check">
							<label for="check">仅显示有货</label>
						</span>
						<span class="shop_number">共<em>11000</em>件商品</span>
					</div>	
        		</div>
        		<div class="hr_15"></div>
        		
        		<div class="products_list shaixuan_list clearfix">
					<div class="item">
						<div class="img_item">
							<a href="#"><img src="images/shaixuan1.jpg" alt=""></a>
						</div>	
						<p><a href="">小米 红米 3G （GSM/TD-SCDMA）手机 灰色</a></p>
						<span class="money">￥699.00</span><span><a href="#" class="pinlun pinlun_shaixuan">7888</a>评论</span>
						<p><a href="#" class="shaixuancar">加入购物车</a></p>

					</div>
					<div class="item">
						<div class="img_item">
							<a href="#"><img src="images/shaixuan1.jpg" alt=""></a>
						</div>	
						<p><a href="">小米 红米 3G （GSM/TD-SCDMA）手机 灰色</a></p>
						<span class="money">￥699.00</span><span><a href="#" class="pinlun pinlun_shaixuan">7888</a>评论</span>
						<p><a href="#" class="shaixuancar">加入购物车</a></p>

					</div>
					<div class="item">
						<div class="img_item">
							<a href="#"><img src="images/shaixuan1.jpg" alt=""></a>
						</div>	
						<p><a href="">小米 红米 3G （GSM/TD-SCDMA）手机 灰色</a></p>
						<span class="money">￥699.00</span><span><a href="#" class="pinlun pinlun_shaixuan">7888</a>评论</span>
						<p><a href="#" class="shaixuancar">加入购物车</a></p>

					</div>
					<div class="item">
						<div class="img_item">
							<a href="#"><img src="images/shaixuan1.jpg" alt=""></a>
						</div>	
						<p><a href="">小米 红米 3G （GSM/TD-SCDMA）手机 灰色</a></p>
						<span class="money">￥699.00</span><span><a href="#" class="pinlun pinlun_shaixuan">7888</a>评论</span>
						<p><a href="#" class="shaixuancar">加入购物车</a></p>

					</div>
					<div class="item">
						<div class="img_item">
							<a href="#"><img src="images/shaixuan1.jpg" alt=""></a>
						</div>	
						<p><a href="">小米 红米 3G （GSM/TD-SCDMA）手机 灰色</a></p>
						<span class="money">￥699.00</span><span><a href="#" class="pinlun pinlun_shaixuan">7888</a>评论</span>
						<p><a href="#" class="shaixuancar">加入购物车</a></p>

					</div>
					<div class="item">
						<div class="img_item">
							<a href="#"><img src="images/shaixuan1.jpg" alt=""></a>
						</div>	
						<p><a href="">小米 红米 3G （GSM/TD-SCDMA）手机 灰色</a></p>
						<span class="money">￥699.00</span><span><a href="#" class="pinlun pinlun_shaixuan">7888</a>评论</span>
						<p><a href="#" class="shaixuancar">加入购物车</a></p>

					</div>
					<div class="item">
						<div class="img_item">
							<a href="#"><img src="images/shaixuan1.jpg" alt=""></a>
						</div>	
						<p><a href="">小米 红米 3G （GSM/TD-SCDMA）手机 灰色</a></p>
						<span class="money">￥699.00</span><span><a href="#" class="pinlun pinlun_shaixuan">7888</a>评论</span>
						<p><a href="#" class="shaixuancar">加入购物车</a></p>

					</div>
					<div class="item">
						<div class="img_item">
							<a href="#"><img src="images/shaixuan1.jpg" alt=""></a>
						</div>	
						<p><a href="">小米 红米 3G （GSM/TD-SCDMA）手机 灰色</a></p>
						<span class="money">￥699.00</span><span><a href="#" class="pinlun pinlun_shaixuan">7888</a>评论</span>
						<p><a href="#" class="shaixuancar">加入购物车</a></p>

					</div>
					<div class="item">
						<div class="img_item">
							<a href="#"><img src="images/shaixuan1.jpg" alt=""></a>
						</div>	
						<p><a href="">小米 红米 3G （GSM/TD-SCDMA）手机 灰色</a></p>
						<span class="money">￥699.00</span><span><a href="#" class="pinlun pinlun_shaixuan">7888</a>评论</span>
						<p><a href="#" class="shaixuancar">加入购物车</a></p>

					</div>
					<div class="item">
						<div class="img_item">
							<a href="#"><img src="images/shaixuan1.jpg" alt=""></a>
						</div>	
						<p><a href="">小米 红米 3G （GSM/TD-SCDMA）手机 灰色</a></p>
						<span class="money">￥699.00</span><span><a href="#" class="pinlun pinlun_shaixuan">7888</a>评论</span>
						<p><a href="#" class="shaixuancar">加入购物车</a></p>

					</div>

					
					
        		</div>
        		<div class="hr_13"></div>
        		<div class="page">
					<a href="#">上一页</a><a href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><span>...</span><a href="#">200</a><a href="#">下一页</a><span>共200页,到第</span><input type="text" value="1" class="page-text">页<input type="button" value="确定" class="page-button">
        		</div>
        		
			</div>

		</div>
		
		<div class="footer">
			<p><a href="#">慕课简介</a><i>|</i><a href="#">慕课公告</a><i>|</i> <a href="#">招纳贤士</a><i>|</i> <a href="#">联系我们</a><i>|</i>客服热线：400-675-1234</p>
			<p>Copyright © 2006 - 2014 慕课版权所有 &nbsp&nbsp京ICP备09037834号 &nbsp&nbsp京ICP证B1034-8373号   某市公安局XX分局备案编号：123456789123</p>
			<p><a href="#"><img src="images/logo2.jpg" alt="logo"></a>
			<a href="#"><img src="images/logo2.jpg" alt="logo"></a>
			<a href="#"><img src="images/logo2.jpg" alt="logo"></a>
			<a href="#"><img src="images/logo2.jpg" alt="logo"></a>
			</p>

		</div>	
	</body>
</html>